<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>23215220234-黄俊沣-京东</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <!-- 顶部广告栏 -->
    <a href="#" id="Top-ads">
        <div class="ads-content">
            <img src="./img/618周年庆.png" alt="618周年庆" id="ads-618">
            <h1>智能生活日 补贴立省50%</h1>
            <div class="Top-ads-right">
                <div class="item_1">
                    <img src="./img/ads_1.jpg" alt="运动鞋类">
                    <div class="item_1-text">
                        <span style="font-weight: 700;">运动鞋类</span>
                        <span>下单立减15%</span>
                    </div>
                </div>
                <div class="item_2">
                    <img src="./img/ads_2.jpg" alt="耳机">
                    <div class="item_2-text">
                        <span style="font-weight: 700;">耳机音箱</span>
                        <span>爆款5折抢</span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <!-- 顶部导航栏 -->
    <div class="navigation-bar">
        <!-- 导航栏左侧部分 -->
        <div class="left">
            <ul class="ul1">
                <li class="ul1-li region-container">
                    <div class="region-dis">
                        <span class="current-region">中国大陆版 - 北京</span>
                        <span class="dropdown-arrow">▼</span>
                        <ul class="region-dropdown">
                            <li class="region-active"><a href="#">中国大陆版</a></li>
                            <li><a href="#">中國港澳版</a></li>
                            <li><a href="#">中國台灣版</a></li>
                            <li><a href="#">京东全球版</a></li>
                        </ul>
                    </div>
                </li>
                <li class="ul1-li">
                    你好，<a class="ul1-li-a" href="login.html" style="color: #FF0E22;">请登录</a>
                    <a class="ul1-li-a" href="register.html">免费注册</a>
                </li>
                <li class="ul1-li">切换至企业版</li>
            </ul>
        </div>
        <!-- 导航栏右侧部分 -->
        <div class="right">
            <ul class="ul1">
                <li class="ul1-li"><a class="ul1-li-a" href="">购物车</a></li>
                <li class="ul1-li"><a class="ul1-li-a" href="">我的订单</a></li>
                <li class="ul1-li"><a class="ul1-li-a" href="">我的京东</a></li>
                <li class="ul1-li"><a class="ul1-li-a" href="">企业采购</a></li>
                <li class="ul1-li"><a class="ul1-li-a" href="">商业服务</a></li>
                <li class="ul1-li"><a class="ul1-li-a" href="">网站导航</a></li>
                <li class="ul1-li"><a class="ul1-li-a" href="">手机京东</a></li>
                <li class="ul1-li"><a class="ul1-li-a" href="">网站无障碍</a></li>
            </ul>
        </div>
    </div>

    <!-- 商品搜索栏 -->
    <div class="search-box">
        <div class="search-bar">
        <div class="search-bar-top">
            <div class="jingdong-logo">
                <a href="login.html"><img src="./img/logo.png" alt="logo"></a>
            </div>
            <div class="search-bar-top-middle">
                <div class="search-input-top">
                    <div class="left">
                        <label for="search-input"><input type="text" id="search-input"></label>
                        <div class="other-search">
                            <span><a href="#"></a></span>
                            <button>搜索</button>
                        </div>
                    </div>
                    <a class="AI" href="login.html" style="text-decoration: none;"><img class="AI-img" src="./img/AI.png" alt="AI">京言AI</a>
                </div>
                <div class="search-input-bottom">
                    <ul>
                        <li><a href="#">服饰美妆下单立享85折</a></li>
                        <li><a href="#">抽健康免单机会翻倍</a></li>
                        <li><a href="#">茅台预约1499元</a></li>
                        <li><a href="#">冲锋衣</a></li>
                        <li><a href="#">包包</a></li>
                        <li><a href="#">脸部卸妆油</a></li>
                        <!-- <li><a href="#">燃气热水器</a></li>
                        <li><a href="#">夫雷他定</a></li>
                        <li><a href="#">吹风机静音</a></li> -->
                    </ul>
                </div>
            </div>
            <div class="search-bar-right-img">
                <a href="#">
                    <img src="./img/天天签到.gif" alt="天天签到，领金豆">
                </a>
            </div>
        </div>

        <!-- 商品搜索栏下方的分类导航栏 -->
        <div class="search-bar-bottom">
            <div class="search-bar-bottom-left">
                <ul class="ul-for-type">
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty1.png" alt=""></li>
                            <li><a href="">家用电器</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty2.png" alt=""></li>
                            <li><a href="#">手机</a></li>
                            <li><a href="#">运营商</a></li>
                            <li><a href="#">数码</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty3.png" alt=""></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">办公</a></li>
                            <li><a href="#">文具用品</a></li>
                        </ul>
                    </li>

                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty4.png" alt=""></li>
                            <li><a href="#">家居</a></li>
                            <li><a href="#">家具</a></li>   
                            <li><a href="#">家装</a></li>
                            <li><a href="#">厨具</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty5.png" alt=""></li>
                            <li><a href="#">男装</a></li>
                            <li><a href="#">女装</a></li>
                            <li><a href="#">童装</a></li>
                            <li><a href="#">内衣</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty6.png" alt=""></li>
                            <li><a href="#">美妆</a></li>
                            <li><a href="#">个户清洁</a></li>
                            <li><a href="#">宠物</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty7.png" alt=""></li>
                            <li><a href="#">女鞋</a></li>
                            <li><a href="#">箱包</a></li>
                            <li><a href="#">钟表</a></li>
                            <li><a href="#">珠宝</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty8.png" alt=""></li>
                            <li><a href="#">男鞋</a></li>
                            <li><a href="#">运动</a></li>
                            <li><a href="#">户外</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty9.png" alt=""></li>
                            <li><a href="#">房产</a></li>
                            <li><a href="#">汽车</a></li>
                            <li><a href="#">汽车用品</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty10.png" alt=""></li>
                            <li><a href="#">母婴</a></li>
                            <li><a href="#">玩具乐器</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty11.png" alt=""></li>
                            <li><a href="#">食品</a></li>
                            <li><a href="#">酒水</a></li>
                            <li><a href="#">生鲜</a></li>
                            <li><a href="#">特产</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty12.png" alt=""></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">礼品鲜花</a></li>
                            <li><a href="#">农牧园艺</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty13.png" alt=""></li>
                            <li><a href="#">京东买药</a></li>
                            <li><a href="#">计生情趣</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty14.png" alt=""></li>
                            <li><a href="#">图书</a></li>
                            <li><a href="#">文娱</a></li>
                            <li><a href="#">教育</a></li>
                            <li><a href="#">电子书</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty15.png" alt=""></li>
                            <li><a href="#">机票</a></li>
                            <li><a href="#">酒店</a></li>
                            <li><a href="#">旅游</a></li>
                            <li><a href="#">生活</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty16.png" alt=""></li>
                            <li><a href="#">支付</a></li>
                            <li><a href="#">白条</a></li>
                            <li><a href="#">保险</a></li>
                            <li><a href="#">企业金融</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty17.png" alt=""></li>
                            <li><a href="#">安装</a></li>
                            <li><a href="#">维修</a></li>
                            <li><a href="#">清洗</a></li>
                            <li><a href="#">二手</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li><img src="./img/ul_type/ty18.png" alt=""></li>
                            <li><a href="#">元器件</a></li>
                            <li><a href="#">原材料</a></li>
                            <li><a href="#">五金机电</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="search-bar-bottom-middle">
                <div class="search-bar-bottom-middle-top">
                    <div class="left-arr">
                        <i></i>
                    <!-- </div>
                    <div class="left-cover-arr"> -->

                    </div>
                    <ul class="tabs"> 
                        <li><a href="#" style="color: rgb(76, 166, 73);"><div class="subsidy-img"></div>国家补助</a></li>
                        <li><a href="#">早十好价</a></li>
                        <li><a href="#">新品</a></li>
                        <li><a href="#">排行榜</a></li>
                        <li><a href="#">京东拍卖</a></li>
                        <li><a href="#">京东企业购</a></li>
                        <li><a href="#">公共采购</a></li>
                        <li><a href="#">家电家居</a></li>
                        <li><a href="#">服饰美妆</a></li>
                        <li><a href="#">京东超市</a></li>
                    </ul>
                    <div class="right-arr">
                        <i></i>
                    </div>
                    <!-- <div class="right-cover-arr">
                    </div> -->
                </div>
                <div class="curation">
                    <div class="curation-left">
                        <div class="core-focus">
                            <a class="carousel-item active" href="#">
                                <img class="cur" src="./img/curation/curation_1.jpg" alt="">
                                <img class="bg" src="./img/curation/bg1.png" alt="">
                            </a>
                            <a class="carousel-item" href="#">
                                <img class="cur" src="./img/curation/curation_2.png" alt="">
                                <img class="bg" src="./img/curation/bg2.png" alt="">
                            </a>
                            <a class="carousel-item" href="#">
                                <img class="cur" src="./img/curation/curation_3.png" alt="">
                                <img class="bg" src="./img/curation/bg3.png" alt="">
                            </a>
                            <a class="carousel-item" href="#">
                                <img class="cur"src="./img/curation/curation_4.png" alt="">
                                <img class="bg"src="./img/curation/bg4.png" alt="">
                            </a>
                            <a class="carousel-item" href="#">
                                <img class="cur" src="./img/curation/curation_5.jpg" alt="">
                                <img class="bg" src="./img/curation/bg5.png" alt="">
                            </a>
                            <a class="carousel-item" href="#">
                                <img class="cur" src="./img/curation/curation_6.jpg" alt="">
                                <img class="bg" src="./img/curation/bg6.png" alt="">
                            </a>
                            <ul class="carousel-indicators">
                                <li class="dot active"></li>
                                <li class="dot"></li>
                                <li class="dot"></li>
                                <li class="dot"></li>
                                <li class="dot"></li>
                                <li class="dot"></li>
                            </ul>
                        </div>
                        <div class="core-flex">
                            <div id="vip">
                                <a class="core-item-title" href="#">
                                    <span>企业会员</span>
                                    <div class="core-item-slogan">新客专享权益</div>
                                </a>
                                <div class="vip-content">
                                    <a class="vip-left" href="#">
                                        <span class="title">专享权益</span>
                                        <span>多买优惠</span>
                                        <span>41天账期</span>
                                        <span>多档补贴</span>
                                    </a>
                                    <a class="vip-right" href="#">
                                        <img src="./img/curation/vip.jpg.avif" alt="">
                                        <span class="price">￥6999</span>
                                    </a>
                                </div>
                            </div>
                            <div id="broadcast">
                                <a class="core-item-title" href="#">
                                    <span>京东直播</span>
                                    <div class="core-item-slogan">直播享好价</div>
                                </a>
                                <div class="broadcast-content">
                                    <a class="broadcast-left" href="#">
                                        <div>
                                            <i class="bobo"></i>
                                            <img src="./img/curation/bro1.png" alt="">
                                            <span >主播精选</span>
                                        </div>
                                    </a>
                                    <a class="broadcast-right" href="#">
                                        <div>
                                            <i class="bobo"></i>
                                            <img src="./img/curation/bro2.png" alt="">
                                            <span>便宜包邮</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="curation-right">
                        <div class="core-flex">
                            <div class="core-items">
                                <a class="core-item-title" href="#">
                                    <span>国家补贴 x 百亿补贴</span>
                                    <div class="core-item-slogan">官方限时补</div>
                                </a>
                                <div class="core-item-skus">
                                    <a href="#" class="core-item-sku">
                                        <div class="core-item-sku-img-wrap">
                                            <img src="./img/curation/sku1.jpg" alt="">
                                            <span class="subsidy">已补30.32元</span>
                                            <span class="price">￥55.45</span>
                                        </div>
                                    </a>
                                    <a href="#" class="core-item-sku">
                                        <div class="core-item-sku-img-wrap">
                                            <img src="./img/curation/sku2.png" alt="">
                                            <span class="subsidy">已补30.32元</span>
                                            <span class="price">￥55.45</span>
                                        </div>
                                    </a>
                                    <a href="#" class="core-item-sku">
                                        <div class="core-item-sku-img-wrap">
                                            <img src="./img/curation/sku3.jpg" alt="">
                                            <span class="subsidy">已补30.32元</span>
                                            <span class="price">￥55.45</span>
                                        </div>
                                    </a>
                                    <a href="#" class="core-item-sku">
                                        <div class="core-item-sku-img-wrap">
                                            <img src="./img/curation/sku4.jpg" alt="">
                                            <span class="subsidy">已补30.32元</span>
                                            <span class="price">￥55.45</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="core-flex">
                            <div class="core-item">
                                <a class="core-item-title" href="#">
                                    <span>京东秒杀</span>
                                    <div class="core-item-slogan">限时秒杀</div>
                                </a>
                                <div class="core-item-content">
                                    <a class="goods-list" href="#">
                                        <div class="goods">
                                            <img src="./img/goods/g1.jpg" alt="">
                                            <span class="price">￥44.99</span>
                                        </div>
                                    </a>
                                    <a class="goods-list" href="#">
                                        <div class="goods">
                                            <img src="./img/goods/g2.jpg" alt="">
                                            <span class="price">￥138</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="core-item">
                                <a class="core-item-title" href="#">
                                    <span>9.9包邮</span>
                                    <div class="core-item-slogan">1元也包邮</div>
                                </a>
                                <div class="core-item-content">
                                    <a href="#">
                                        <div class="goods">
                                            <img src="./img/goods/g3.jpg.avif" alt="">
                                            <span class="price">￥9.9</span>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="goods">
                                            <img src="./img/goods/g4.jpg.avif" alt="">
                                            <span class="price">￥11.9</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="search-bar-bottom-right">
                <div class="login">
                    <a href="login.html">
                        <img src="./img/login_logo.png" alt="login">
                    </a>
                    <a href="login.html" style="text-decoration: none;">
                        <span style="color: #1a1a1a;font-size: 18px;font-weight: 800;">Hi~下午好</span>
                    </a>
                    <span style="font-size: 12px;color: #505259;">登录京东后享更多优惠</span>
                    <div class="login-button"><a href="login.html">立即登录</a></div>
                    <span>
                        <a href="register.html" style="text-decoration: none;font-size: 12px;color: #505259;">注册 ></a>
                    </span>
                    <ul>
                        <li>
                            <a href="#">
                                <div class="welfare">
                                    <span class="welfare-icon1">享优惠</span>
                                    <span class="welfare-icon2">优惠卷</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="welfare">
                                    <span class="welfare-icon1">赚京豆</span>
                                    <span class="welfare-icon2">京豆</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="welfare">
                                    <span class="welfare-icon1">抽￥50</span>
                                    <span class="welfare-icon2">红包</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="welfare">
                                    <span class="welfare-icon1">购卡返</span>
                                    <span class="welfare-icon2">京东E卡</span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="core_item">
                    <div class="core_item_row core_line_1">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="./img/core_item/core_1.png" alt="">
                                    <span>天天领好礼</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/core_item/core_2.png" alt="">
                                    <span>京豆</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/core_item/core_3.png" alt="">
                                    <span>充值中心</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/core_item/core_4.png" alt="">
                                    <span>国家补贴</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="core_item_row core_line_2">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="./img/core_item/core_5.png" alt="">
                                    <span>企业计划购</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/core_item/core_6.png" alt="">
                                    <span>滋补营养馆</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/core_item/core_7.png" alt="">
                                    <span>生鲜馆</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/core_item/core_8.png" alt="">
                                    <span>大牌奥莱</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
    <!-- 商品栏 -->
    <div class="commodity-box">
        <div class="commodity-bar">
            <div class="commodity-content">
                <div class="commodity-list">
                    <ul>
                        <li class="commodity-list-active">
                            <a href="#">
                                <span class="goods-ty1"></span>
                            为你推荐
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="goods-ty2"></span>
                                潮物推荐</a></li>
                        <li>
                            <a href="#">
                                <span class="goods-ty3"></span>
                                居家优品
                            </a></li>
                        <li>
                            <a href="#">
                                <span class="goods-ty4"></span>
                                百货生鲜
                            </a></li>
                        <li>
                            <a href="#">
                                <span class="goods-ty5"></span>
                                服饰美妆
                            </a></li>
                        <li>
                            <a href="#">
                                <span class="goods-ty6"></span>
                                进口好物</a></li>
                    </ul>
                </div>
                <div class="product-list">
                    <ul>
                        <li class="product-list-li">
                            <a href="product-detail.html" class="product">
                                <img class="product-img" src="./img/products/p1.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    vivo iQOO Z9【国家补贴】8GB+256GB 星芒白 6000mAh 超薄蓝海电池 第三代骁龙7 电竞手机
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">1599.</span>
                                    <span class="price-a">99</span>
                                    <span class="txt">销量60万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p2.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    农夫山泉东方树叶大瓶装900ml*12瓶无糖0糖茶饮料 整箱装 茉莉花茶 900mL*2瓶
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">17.</span>
                                    <span class="price-a">55</span>
                                    <span class="txt">销量7万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p3.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    vivo iQOO Z10 Turbo Pro 12GB+256GB 云海白 第四代骁龙8s 120W超快闪充 电竞手机 国家补贴
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">1999.</span>
                                    <span class="price-a">99</span>
                                    <span class="txt">销量1万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p4.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    农夫山泉东方树叶大瓶装900ml*12瓶无糖0糖茶饮料 整箱装 茉莉花茶 900mL*2瓶
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">12.</span>
                                    <span class="price-a">00</span>
                                    <span class="txt">销量4000+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p5.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    HUAWEI Mate 70 先锋版 国家补贴500元15% 华为新品手机 鸿蒙AI 红枫影像可靠玄武架构 云杉绿 12GB+512GB 鸿蒙 NEXT 先锋版 官方标配
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">5899.</span>
                                    <span class="price-a">00</span>
                                    <span class="txt">销量27</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p6.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    呷卤椒麻脆卤大杂烩500g休闲零食夜宵追剧【现做现发】源头直发
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">19.</span>
                                    <span class="price-a">89</span>
                                    <span class="txt">销量1万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p7.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    飞利浦（PHILIPS）E588A 全网通4G老人手机 大喇叭大声音超长待机大屏大字老年人专用手机直板按键学生备用机 星空黑
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">159.</span>
                                    <span class="price-a">00</span>
                                    <span class="txt">销量20万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p8.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    京鲜生东北黄糯玉米棒200g×8根 甜黏玉米 多种包装随机发货 源头直发
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">19.</span>
                                    <span class="price-a">30</span>
                                    <span class="txt">销量40万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p9.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    vivo iQOO Z10 Turbo Pro 国家补贴 第四代骁龙8s 自研电竞芯片Q1  等效7000mAh超薄蓝海电池 游戏手机 云海白 12GB  256GB 官方标配
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">1999.</span>
                                    <span class="price-a">99</span>
                                    <span class="txt">销量1万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p10.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    伊利大果粒酸奶260g*6杯（草莓桑葚+草莓黄桃+芒果黄桃）源头直发包邮
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">34.</span>
                                    <span class="price-a">99</span>
                                    <span class="txt">销量1万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p11.jpg.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    威露士la有氧洗衣液松木香4斤组合装（瓶1L+补充袋装500ml*2）除菌除螨
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">27.</span>
                                    <span class="price-a">90</span>
                                    <span class="txt">销量1万+</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="product">
                                <img class="product-img" src="./img/products/p12.png.avif" alt="">
                                <div class="product-intro">
                                    <span class="produt-type"></span>
                                    荣耀X60i 新品5G直屏手机 IP64防水抗摔X50系列手机X60i手机X60 云水蓝 12GB+512GB
                                </div>
                                <div class="price-and-txt">
                                    <i>￥</i>
                                    <span class="b-price">1699.</span>
                                    <span class="price-a">99</span>
                                    <span class="txt">销量1万+</span>
                                </div>
                            </a>
                        </li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部服务 -->
    <div class="footer">
        <div class="mod_service_inner">
            <ul>
                <li><div class="service-icon1"></div>品类齐全，轻松购物</li>
                <li><div class="service-icon2"></div>多仓直发，极速配送</li>
                <li><div class="service-icon3"></div>正品行货，精致服务</li>
                <li><div class="service-icon4"></div>天天低价，畅选无忧</li>
            </ul>
        </div>
        <div class="mod_help_inner">
            <div class="mod_help_list">
                <div class="mod_help_nav">
                    <h5 class="mod_help_nav_tit">购物指南</h5>
                    <ul>
                        <li><a href="#">购物流程</a></li>
                        <li><a href="#">会员介绍</a></li>
                        <li><a href="#">生活旅行</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">大家电</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                </div>
                <div class="mod_help_nav">
                    <h5 class="mod_help_nav_tit">配送方式</h5>
                    <ul>
                        <li><a href="#">上门自提</a></li>
                        <li><a href="#">211限时达</a></li>
                        <li><a href="#">配送服务查询</a></li>
                        <li><a href="#">配送费收取标准</a></li>
                    </ul>
                </div>
                <div class="mod_help_nav">
                    <h5 class="mod_help_nav_tit">支付方式</h5>
                    <ul>
                        <li><a href="#">货到付款</a></li>
                        <li><a href="#">在线支付</a></li>
                        <li><a href="#">分期付款</a></li>
                        <li><a href="#">公司转账</a></li>
                    </ul>
                </div>
                <div class="mod_help_nav">
                    <h5 class="mod_help_nav_tit">售后服务</h5>
                    <ul>
                        <li><a href="#">售后政策</a></li>
                        <li><a href="#">价格保护</a></li>
                        <li><a href="#">退货说明</a></li>
                        <li><a href="#">返修/退换货</a></li>
                        <li><a href="#">取消订单</a></li>
                    </ul>
                </div>
                <div class="mod_help_nav">
                    <h5 class="mod_help_nav_tit">特色服务</h5>
                    <ul>
                        <li><a href="#">夺宝岛</a></li>
                        <li><a href="#">DIY装机</a></li>
                        <li><a href="#">延保服务</a></li>
                        <li><a href="#">京东E卡</a></li>
                        <li><a href="#">京东通信</a></li>
                        <li><a href="#">京鱼座智能</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="mod_copyright">
            <div class="mod_copyright_inner">
                <p>
                    <a href="#">关于我们</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">联系我们</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">联系客服</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">合作招商</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">网络营销</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">商家帮助</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">营销中心</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">手机京东</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">友情链接</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">销售联盟</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">京东社区</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">风险监测</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">质量公告</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">隐私政策</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">京东公益</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">Media & IR</a>
                </p>
                <p>
                    <a href="#">京公网安备 11010502034520</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">京ICP备11041704号</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">ICP</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">药品医疗器械网络信息服务备案</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">自营医疗器械经营资质/a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">药品网络交易第三方平台备案凭证</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">新出发京零 字第大120007号</a>
                </p>
                <p>
                    <a href="#">互联网出版许可证编号新出网证(京)字150号</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">出版物经营许可证</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">ICP</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">违法和不良信息举报电话：4006561155</a>
                </p>
                <p>
                    <a href="#">Copyright © 2004 - 2025  京东JINGDONG 版权所有</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">消费者维权热线：4006067733</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">经营证照</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">医疗器械第三方平台备案凭证（京）网械平台备字（2023）第00013号</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">营业执照</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#"> 增值电信业务经营许可证</a>
                </p>
                <p>
                    <a href="#">京东旗下网站： 京东钱包</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#">京东云</a>
                    <span class="mod_copyright_split">|</span>
                    <a href="#"> 网络内容从业人员违法违规行为举报电话：4006561155-3</a>
                </p>
                <p class="mod_copyright_auth">
                    <a href="https://ss.knet.cn/verifyseal.dll?sn=2008070300100000031&ampct=df&amppa=294005" class="auth_icon1"></a>
                    <a href="https://cyberpolice.mps.gov.cn/#/" class="auth_icon2"></a>
                    <a href="https://credit.cecdc.com/CX20120111001803001836.html" class="auth_icon3"></a>
                    <a href="https://www.12377.cn/" class="auth_icon4"></a>
                    <a href="https://www.12377.cn/node_548446.htm" class="auth_icon5"></a>
                    <a href="https://bzpt.shdf.gov.cn/www/shouye/gzfw/wsjb/index.shtml" class="auth_icon6"></a>
                    <a href="#" class="auth_icon7"></a>
                </p>
            </div>
        </div>
    </div>


    <!-- 侧边导航栏 -->
<div class="side-nav">
    <ul>
        <li class="side-nav-item">
            <a href="login.html">
                <span class="side-nav-img1"></span>
                <span class="side-nav-icon">购物车</span>
            </a>
        </li>
        <li class="side-nav-item">
            <a href="login.html">
                <span class="side-nav-img2"></span>
                <span class="side-nav-icon">我的</span>
            </a>
        </li>
        <li class="side-nav-item">
            <a href="login.html">
                <span class="side-nav-img3"></span>
                <span class="side-nav-icon">客服</span>
            </a>
        </li>
        <li class="side-nav-item">
            <a href="login.html">
                <span class="side-nav-img4"></span>
                <span class="side-nav-icon">反馈</span>
            </a>
        </li>
    </ul>
</div>
</body>
<script src="./audio.js"></script>
</html>